<template>
  <article class="page">
    <headerbar>学时预警</headerbar>
    <section class="frame-content-sub no-bg">

      <div class="d-scroll list-wenda" style="">

        <div @click="" class="item block">
          <div class="icon">
            <span class="icon-img"><img src="../../../../static/images/dangjian/home/class/icon-warning.png" alt=""></span>
          </div>
          <div class="text-wrap">
            <div class="title"><span>农村发展集体经济有哪些优惠政策？</span></div>
            <div class="tip pdb-1"><span class="one">时间：2020-05-20 21:00</span></div>
            <div class="tip-normal"><span>党务办</span><span>讲师：张三</span><span>学时20分钟</span><span class=""><progressBar
              :value="'50%'"></progressBar></span></div>
          </div>
        </div>
        <div @click="" class="item block">
          <div class="icon">
            <span class="icon-img"><img src="../../../../static/images/dangjian/home/class/icon-warning.png" alt=""></span>
          </div>
          <div class="text-wrap">
            <div class="title"><span>农村发展集体经济有哪些优惠政策？</span></div>
            <div class="tip pdb-1"><span class="one">时间：2020-05-20 21:00</span></div>
            <div class="tip-normal"><span>党务办</span><span>讲师：张三</span><span>学时20分钟</span><span class=""><progressBar
              :value="'50%'"></progressBar></span></div>
          </div>
        </div>
        <div @click="" class="item block">
          <div class="icon">
            <span class="icon-img"><img src="../../../../static/images/dangjian/home/class/icon-warning.png" alt=""></span>
          </div>
          <div class="text-wrap">
            <div class="title"><span>农村发展集体经济有哪些优惠政策？</span></div>
            <div class="tip pdb-1"><span class="one">时间：2020-05-20 21:00</span></div>
            <div class="tip-normal"><span>党务办</span><span>讲师：张三</span><span>学时20分钟</span><span class=""><progressBar
              :value="'50%'"></progressBar></span></div>
          </div>
        </div>


      </div>

    </section>
  </article>

</template>

<script>
  import progressBar from '@/components/common/progressBar.vue'
  export default {
    name: 'classHourWarningAdd',
    components: {
      progressBar
    },
    data () {
      return {}
    }
  }
</script>

<style scoped>

</style>
